/**
 * @description 设置根元素style，用于动态切换暗黑主题
 */
interface GlobalTheme {
  [key: string]: Record<string, string>
}
const globalTheme: GlobalTheme = {
  // 高亮主题下的样式
  light: {
    '--admin-colorBgContainer': '#ffffff', // 背景色
    '--admin-colorText': 'rgba(0, 0, 0, 0.88)', // 文字颜色
    '--admin-colorBorderSecondary': '#f0f0f0', // 边框颜色
    '--admin-scrollbarThumb': 'rgba(0, 0, 0, 0.1)' // 滚动条颜色
  },
  // 暗黑主题下的样式
  dark: {
    '--admin-colorBgContainer': '#141414',
    '--admin-colorText': 'rgba(255, 255, 255, 0.85)',
    '--admin-colorBorderSecondary': '#303030',
    '--admin-scrollbarThumb': 'rgba(255, 255, 255, 0.1)'
  }
}

export default globalTheme
